body,html{
  width:100%;
  height:100%;
  padding:0;
  margin:0;
}

.notepad-dlg-search {
    z-index: 10;
    width:100%;
    height:100%;
    position:absolute;
    left:30;
    top:30;
}
.notepad-dlg-titlebar{
  width:414px;
  height:30px;
  position:absolute;
  left:30;
  top:30;
}
.notepad-dlg-titlebar p{
  margin-top:0;
  margin-left:12px;
}
.close-btn{
  position:absolute;
  top:0;
  right:0;
  line-height:30px;
  width:30px;
  text-align:center;
  font-size:22px;
}
.notepad-dlg-search .dialogbox {
    
    height: 164px;
    width: 414px;
    box-shadow:10px 10px 10px #d6d6d6;
    border:1px solid gray;
    box-sizing:border-box;
    user-select:none;
    cursor:default;
}

.notepad-dlg-search .main {
    height: 133px;
    padding: 6px;
    width:413px;
    position:absolute;
    top:30px;
    left:0;
    padding:12px;
    box-sizing:border-box;
    background-color:#f0f0f0;

}
.notepad-dlg-search .main label{
  font-size:12px;
}
.notepad-dlg-search .main .txt-content {
    box-sizing: border-box;
    height: 20px;
    margin: 10px;
    width: 160px;

}

.notepad-dlg-search .main .btn-search {
    position: absolute;
    right: 8px;
    top: 20px;
    font-size:12px;

}

.notepad-dlg-search .main .btn-cancel {
    bottom: 56px;
    position: absolute;
    right: 8px;
    width:92px; 
    font-size:12px;

}

.notepad-dlg-search .main .search-direction {
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    height: 52px;
    left: 152px;
    padding: 10px 5px;
    position: absolute;
    top: 50px;
    width: 146px;

}
.notepad-dlg-search .main .search-direction 
legend{
    font-size:12px;
}
.notepad-dlg-search .main input[value="capital-sense"] label{
  font-size:12px;
}
.notepad-dlg-search .main input[value="capital-sense"]{
  margin-left:0;
}
.notepad-dlg-search .main input[value="down"] {
    margin-left: 5px;

}
.notepad-dlg-search .main input[value="down"] label{
  font-size:12px;
}
.notepad-dlg-search .main input[value="capital-sense"] {
    margin-top: 30px;

}
